<template>
    <div class="welcome-container">
        <h1>欢迎回来，{{ username }}！</h1>
    </div>
</template>

<script>
export default {
    name: "Welcome",
    data() {
        return {
            username: "",
        }
    },
    methods: {},
    mounted() {
        this.username = localStorage.getItem('username')
    }
};
</script>

<style scoped>
.welcome-container {
    background-image: url('../assets/images/ecnulogo.gif');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

h1 {
    color: #333;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 30px;
}
</style>
